@charset "utf-8";

$fontsize:40;
@function r($px){
    @return $px/$fontsize * 1rem;
}
.sec_web{
    top: 62px;
}
.sec_web .itemBox{
    width: 100%;
    background: #fff;
    position: absolute;
    .pro_carou{
        width: 100%;
        img{
             width: 100%;
             height: 100%;
         }
    }
    .item_money{
        width: 100%;
        height: r(105);
        span{
            display: inline-block;
            color: #FF9344;
            font-size: r(57);
            margin-left: r(23);
            margin-top: r(16);
        }
        a{
            display: inline-block;
            width: r(112);
            height: r(59);
            border: 1px solid #FF9344;
            border-radius: 10px;
            background: #FF9344;
            text-align: center;
            font-size: r(30);
            line-height: r(54);
            margin-right: r(23);
            margin-top: r(16);
            color: white;
        }
    }
    .good_ping{
        width: 100%;
        height: r(62);
        line-height: r(62);
        position: relative;
        img{
                position: absolute;
                display: inline-block;
                width: r(36);
                height: r(34);
                margin-right: r(15);
                top: r(16);
                margin-left: r(32);
            }
        span{
            display: inline-block;
            font-size: r(30);
            margin-left: r(80);
            b{
                font-weight: normal;
                color: #FF9344;
            }
        }
        a{
            color: #8e8e8e;
            font-size: r(26);
            display: inline-block;
            margin-right: r(23);
        }
    }
    .shang_hu{
        width: 93%;
        height: r(67);
        margin: 0 auto;
        background: #FF9344;
        margin-top: r(18);
        span{
            display: inline-block;
            margin-left: r(10);
            font-size: r(31);
            color: white;
            line-height: r(67);
        }
        a{
            color: white;
            display: inline-block;
            margin-right: r(10);
            line-height: r(67);
        }
    }
    .item{
        width: 100%;
        background: #fff;
        margin-top: r(11);
        .item_img{
            width: r(177);
            height: r(176);
            margin-left: r(26);
            margin-right: r(26);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .item_btn{
            button{
            display: inline-block;
            width: r(112);
            height: r(59);
            border: 1px solid #FF9344;
            border-radius: r(20);
            background: #FF9344;
            text-align: center;
            font-size: r(30);
            line-height: r(54);
            color: white;
            margin-right: r(26);
            margin-top: r(68);
            }
        }
        .item_msg{
            h5{
                font-size: r(31);
            }
            .item_score{
                display: inline-block;
                .starBox{
                    img{
                        width: r(36);
                        height: r(34);
                        margin-right: r(6);
                    }
                }
                span{
                    display: inline-block;
                    font-size: r(26);
                    color: #929292;
                    margin-left: r(8);
                }
            }
            p{
                font-size: r(24);
                color: #929292;
            }
            a{
                font-size: r(20);
                color: #FF9344;
            }
        }
    }
}
